<template>
    <div class="shopcar">
        <div class="content">
            <div class="logo-shop">
                <span class="icon-shopping-cart car"></span>
            </div>
            <div class="price">

            </div>
            <div class="other">
                另需配送费￥4元
            </div>
        </div>
        <div class="end">
            ￥20起送
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
    import icons from 'components/icon/icon';
    export default {
      components: {
        icons
      }
    };
</script>

<style lang="scss" rel="stylesheet/scss">

    .shopcar{
        position: fixed;
        bottom: 0px;
        left:0px;
        width: 100%;
        height: 48px;
        z-index: 50;
        background: #000;
        .logo-shop{
            float: left;
            background: #2b343d;
            width: 60px;
            height:60px;
            border-radius: 50%;
            position: relative;
            top:-20px;
        }
        .price{
            float: left;
        }
        .other{
            float: left;
        }
        .end{
            float: left;
        }
    }
</style>
